<template>
    <div>
        <div style="width:800px;height:600px" ref="chartsDOM"></div>
    </div>
</template>

<script>
import * as echarts from 'echarts';
// import getGuangXiMap from './api/getGuangXiMap';
import axios from 'axios'
export default {
    data() {
        return {

        }
    },
    components: {

    },
    mounted() {
        // 初始化统计图对象
        var myChart = echarts.init(this.$refs["chartsDOM"]);
        // 显示 loading 动画
        myChart.showLoading();
        // 再得到数据的基础上，进行地图绘制
        axios.get('/yq.json').then(res => {
            // 得到结果后，关闭动画
            myChart.hideLoading();
            // 注册地图(数据放在axios返回对象的data中哦)
            echarts.registerMap('GX', res.data);
            var option = {
                series: [
                    {
                        name: '广西地图',
                        type: 'map',
                        map: 'GX',// 这个是上面注册时的名字哦，registerMap（'这个名字保持一致'）
                        label: {
                            show: true
                        }
                    }
                ]
            };
            myChart.setOption(option);
        })


    },

methods: {

},
}

</script>
<style scoped lang='less'></style>